Vue.use(Varlet)

const Appdiv1 = Vue.extend({//选项
    template: `
<div
    <var-swipe class="swipe T_app_div_swipe" ref="mySwipe" :loop="false" @change="SetSwipeIndex"  >
        <var-swipe-item v-for="(item,i) in earr" :key="i">
            <div class="T_app_div">
                <div class="T_app_div_d1">
                    <div class="T_ProblemDescription">
                        <h3>{{ i + 1 }}/{{ earr.length }}</h3>
                        <h4>{{ earr[i].h5 }}</h4>
                    </div>
                    <!--选项-->
                    <div class="T_app_option">
                        <div v-for="(option,index) in earr[i].option" :class="(earr[i].select==index)?'T_app_option_Hover':''" @click="select(i,index)">{{option}}</div>
                    </div>
                    <div class="T_app_nextBtn" @click="SwipeNext" v-if="earr.length!=i+1">下一题</div>
                    <div class="T_app_nextBtn" @click="ResultShow" v-if="earr.length==i+1" >完成测试</div>
                    <!-- 彩蛋图片按钮-->
                    <img :src="earr[i].pleasantly[0]" @click="item.pleasantlyShow.splice(0,1,!item.pleasantlyShow[0])" class="T_app_div_pleasantly">
                    <!-- 彩蛋-->
                    <var-dialog :title="earr[i].pleasantly[1]" :confirm-button-text="earr[i].pleasantly[3]"
                                :cancel-button-text="earr[i].pleasantly[4]" :show.sync="item.pleasantlyShow[0]" @confirm="confirm"
                                @cancel="cancel" @closed="closed">
                        <div v-html="earr[i].pleasantly[2]"></div>
                    </var-dialog>
                    <!-- 确认-->
                    <var-snackbar :show.sync="earr[i].pleasantlyShow[1]" type="success">{{earr[i].pleasantly[5]}}</var-snackbar>
                    <!--取消-->
                    <var-snackbar :show.sync="earr[i].pleasantlyShow[2]">{{earr[i].pleasantly[6]}}</var-snackbar>
                </div>
            </div>
        </var-swipe-item>
        <template #indicator="{ index, length }">
            <div class="T_app_div_tab">
                <ul>
                    <li v-for="(item) in length" :class="T_app_div_tab_ul_li_hover(item,index+1)" @click="SwipeTo(item-1)">{{item}}</li>
                </ul>
            </div>
        </template>
    </var-swipe>
</div>
        `, props: ["earr", "i"], data() {
        return {
            swipeIndex: 0,//控制轮播图的位置
            T_app_option_Hover: null,
            circle: false,//控制圆形背景显示隐藏
        }
    }, methods: {
        pleasantlyShow(i) {
            this.show = true
        },
        SetSwipeIndex(i) {//获取轮播图当前位置
            this.swipeIndex = i
            this.$parent.T_appStyle = this.earr[i].background
        },
        ResultShow() {//结果页显示 选项页关闭
            this.$parent.AppdivShow = false
            this.$parent.Result = true
            this.$parent.T_appStyle = "background-image: url('./img/b.jpg');"//更改背景
            //console.log(this.$parent.Result)
        },
        SwipeTo(i) {//跳转指定位置
            this.$refs.mySwipe.to(i)
        },
        SwipeNext() {//下一题
            this.$refs.mySwipe.next()
        },
        T_app_div_tab_ul_li_hover(index, i) {//给选择的选项加样式
            if (index == i) {
                return "T_app_div_tab_ul_li_hover"
            }
        },
        select(i, select) {//获取用户选择了那个 选项
            this.earr[i].select = select
            this.$parent.entranceArr = this.earr
        }, confirm() {//确定
            this.earr[this.swipeIndex].pleasantlyShow.splice(1, 1, !this.earr[this.swipeIndex].pleasantlyShow[1])
            if (this.earr[this.swipeIndex].pleasantly[3] != "") {//如果确认按钮不是 ""
                this.show1 = !this.show1//确认提示弹框 显示
                if (this.earr[this.swipeIndex].pleasantly[7]) {
                    this.earr[this.swipeIndex].pleasantly[7] = true
                }
            }
        }, cancel() {//取消
            this.earr[this.swipeIndex].pleasantlyShow.splice(2, 1, !this.earr[this.swipeIndex].pleasantlyShow[2])
            if (this.earr[this.swipeIndex].pleasantly[4] != "") {//如果取消按钮不是 ""
                this.show2 = !this.show2//取消提示弹框 显示
                if (this.earr[this.swipeIndex].pleasantly[7]) {
                    this.earr[this.swipeIndex].pleasantly[7] = false
                }
            }
        }, closed() {//关闭
            console.log("关闭😋")
        },
    }, beforeDestroy() {//离开页面时把数据传递给父组件
        this.$parent.entranceArr = this.earr
    }

});

const ResultDisplay = Vue.extend({//结果页
    props: ["earr"], data() {
        return {
            h3Hint: "请作答，才能出最终的结果", active: 0,//彩蛋列表选项
            center: false,//显示彩蛋详细
            Result: [],//存放 显示 ResultArr 哪条数据的下标
            ResultArr: [["你有着追求卓越的精神，会不断挑战自我突破极限，从而走向卓越的人生之路", "你有着创造潜能，破除束缚，探索新领域，创造有价值的事物", "你的精益求精的精神，是不断追求卓越和改进的动力，将潜力转化为实践，让品质持续提升，超越自己和市场的期望", "个人精神消极时，阻碍了我们的成长和进步，使我们陷入无法自拔的困境，必须积极寻找改变的机会，扭转困境。"], ["你的个人思想积极主动，是一种奋发向上的力量，带领着大家主动应对挑战和机遇，不畏困难，不断超越自我，实现个人价值与梦想。", "你的个人思想积极主动，是一种奋发向上的力量，带领着大家主动应对挑战和机遇，不畏困难，不断超越自我，实现个人价值与梦想。", "你的个人思想消极，容易陷入自我怀疑和消沉的情绪中，需要积极寻找外部的帮助和鼓励，寻求改变，解决问题，迈向积极向上的人生", "个人思想消极，容易陷入自我怀疑和消沉的情绪中，需要积极寻找外部的帮助和鼓励，寻求改变，解决问题，迈向积极向上的人生"], ["学习思维比较被动，只能被动接受知识，无法主动探究问题本质，无法拥有真正的学习力。", "协作式学习思维，使你会借助团队合作的力量，激发思维创新，实现共同的学习目标。", "系统化学习思维，使你会注重建立知识体系，加深对学科理解，提高信息处理和分析能力。", "消极的学习思维，阻碍认知发展，丧失自我激励，需要改变态度，提高学习兴趣。"], ["积极向上的个人心态，是你成功与幸福的关键保障，为各风险和挑战注入勇气和力量。", "积极的应激反应是增强个人心理韧性的必要因素，它可促进你成长和健康发展。", "积极、乐观和自信的心态是驱动你超越的源动力，它可以让生命焕发出无尽的光彩。", "消极的个人心态，是挫折和失败的滋生温床，需及时采取改变措施。"], ["你可以制定明确的职业或个人发展目标，是实现个人成长和职场成功的关键因素", "你追求非常高尚且具有光荣使命感的发展目标，助力社会进步，实现个人价值与使命。", "你具备高度自我认知和学习意愿，能够持续反思和学习，实现职场和个人发展的双赢。。", "消极的发展目标定位，会导致思维停滞、行动迟缓，建议及时调整和修正。"],],
        };
    }, mounted() {
        //获取用户的输入 并 设置  显示 ResultArr 哪条数据的下标 到 Result 中
        this.earr.forEach((item) => {
            if (item.select == null) {
                this.Result.push(false)
            } else {
                this.Result.push(item.select)
            }
        })
        this.earr.forEach((item) => {
            console.log(item.select)
            if (item.select!=null) {
                this.h3Hint = "你最终的结果是";
            }
        })
    }, methods: {
        restart(b) {//重新开始按钮
            this.$parent.restart(b)//调用重启方法
        }
    }, template: `
 <div class="ResultDisplay">
    <div class="ResultDisplay_div">
        <div class="ResultDisplay_headline"></div>
        <div class="ResultArr">
            <var-divider>
                <h3>{{h3Hint}}</h3>
            </var-divider>
            <p v-for="(value, index) in Result">{{ResultArr[index][value]}}</p>
        </div>
    </div>
    <div class="T_app_nextBtn" style="margin-left: 35px" @click="restart(false)">回到首页</div>
    <div class="T_app_nextBtn " @click="center=true">查看彩蛋</div>
    <var-popup :show.sync="center">
        <var-tabs elevation
                  color="#2979ff"
                  active-color="#fff"
                  inactive-color="hsla(0, 0%, 100%, .6)" :active.sync="active">
            <var-tab>所有彩蛋</var-tab>
            <var-tab>已完成彩蛋</var-tab>
            <var-tab>未完成彩蛋</var-tab>
        </var-tabs>
        <var-tabs-items :active.sync="active">
            <var-tab-item class="ResultDisplay_tab">
                <p v-for="(item,index) in earr">{{index + 1}}. {{item.pleasantly[1]}} <span
                        v-html="item.pleasantly[2]"></span></p>
            </var-tab-item>
            <var-tab-item class="ResultDisplay_tab">
                <p v-for="(item,index) in earr" v-if="item.pleasantly[7]!=='0'">
                    {{index + 1}}. {{item.pleasantly[1]}} <span v-html="item.pleasantly[2]"></span>
                    <span style="display: block">选择了：{{(item.pleasantly[7] == true) ? item.pleasantly[3] : item.pleasantly[4]}}</span>
                </p>
            </var-tab-item>
            <var-tab-item class="ResultDisplay_tab">
                <p v-if="item.pleasantly[7]==='0'" v-for="(item,index) in earr">
                    {{index + 1}}. {{item.pleasantly[1]}} <span v-html="item.pleasantly[2]"></span>
                </p>
            </var-tab-item>
        </var-tabs-items>
    </var-popup>
</div>
        `,
});

const Introductory = Vue.extend({
    data() {
        return {
            active: 0,
            swipeindex: 0,//选项卡的位置
            //人物介绍数据
            CharacterStory: [
                ["./人物故事素材/人物故事/曾璐锋.jpg", "曾璐锋", "成长在乡村的曾璐锋始终记得童年时光里的夏日，那时他总会约上几个小伙伴，光着脚丫子蹚进小溪里，清澈的水花溅起，吓得小鱼小虾成群从他腿边游过。<br>" +
                "<br>" +
                "　　不知何时，湛蓝的天空和洁净的河水变成了“奢侈品”，充满童年美好记忆的小河不再清澈，“我想通过自己的努力，使环境变得好起来。”像一颗种子埋在他的心田，随着时间逐渐生根发芽、枝繁叶茂。<br>" +
                "<br>" +
                "　　2015年，时年18岁的少年开始向梦想迈出第一步，高考结束的曾璐锋放弃了家人建议的医学院校和专业，选择了江西环境工程职业学院环境工程技术专业，“我就想通过学习环境保护相关的知识，为保护生态环境、建设美丽家乡贡献自己的力量。”<br>" +
                "<br>" +
                "　　曾璐锋从大一开始就积极参加学校的各种技能培训和技能竞赛。“我不是在实训室，就是在去实训室的路上。”<br>" +
                "<br>" +
                "　　有时参加竞赛，还需要停课去训练备赛，为了不影响专业课的正常学习，曾璐锋经常在休息时间找老师“开小灶”。在持续不断的努力下，曾璐锋大学期间的专业课成绩排名一直稳居专业前三，大量的实训也为他打下了能够晋级水处理技术项目全国选拔赛的基础。<br>" +
                "<br>" +
                "2017年11月底曾璐锋进入企业实习工作，成为了一名运维技术员，似乎一切都即将步入正轨。<br>" +
                "<br>" +
                "　　但曾璐锋不知道更大的舞台正在不远处等待着他。<br>" +
                "<br>" +
                "　　曾璐锋清晰记得改变自己人生进程的那次对话，“第45届世界技能大赛有一个水处理技术项目，你可以回学校参加比赛吗？”一天中午，正跟同事检修设备的曾璐锋，突然接到了学校老师的电话。<br>" +
                "<br>" +
                "　　参加比赛，意味着辛苦，而且不一定有好成绩；去企业工作，就意味着放弃冲击世界顶级工匠的机会。<br>" +
                "<br>" +
                "　　处在人生抉择的十字路口，曾璐锋犹豫了，两条路都被笼罩在如烟大雾中，家人和老师在关键时期成了他坚强的后盾。“你还这么年轻，不急这一时，还是应该去多学习一些知识跟技能。”<br>" +
                "<br>" +
                "　　“还是拼一下！”<br>" +
                "<br>" +
                "　　2018年3月底，曾璐锋辞职回到学校开始准备省赛，针对水处理技术项目的相关考核指标和能力要求，曾璐锋反复练习每一道工序、每一个模块，一遍、两遍、三遍……每一遍都追求极致，追求“精益求精”。凭借扎实的专业知识和优秀的职业素养，曾璐锋在省赛中顺利出线。<br>" +
                "<br>" +
                "　　省赛之后，随即而来的便是6月份在上海举办的全国选拔赛。备战选拔赛期间，曾璐锋除了吃饭与睡觉,全部时间都是在实训室度过的。<br>" +
                "<br>" +
                "　　可正式比赛时遇见的问题却远比想象中更多，备赛时曾璐锋从未剪过垫圈,原本就紧张的比赛时间，需要自己手剪十几个橡胶垫圈，光剪垫圈就花了快半个小时，结果比赛第一个模块曾璐锋就没有做完，等到最后打分的时候，总分20多分的模块他只拿到了3.5分。“得知结果时，心情是非常低落的，中午吃饭的时候我就在想着接下来该怎么办。最后思考无果，只能说服自己向前看，尽力去比接下来的每一场。”<br>" +
                "<br>" +
                "　　尽管比赛中有这些插曲，但是曾璐锋迅速调整好了心态。最终他以全国第二名的成绩进入了国家集训队。<br>" +
                "<br>" +
                "　　“其实真正的备战那时才算开始。”<br>" +
                "<br>" +
                "　　集训期间，曾璐锋每天早上9点开始集训，晚上9点结束，回到宿舍还要再自学几个小时，12点多睡觉。这样的日子他坚持了将近9个月，期间辗转北京、河南、南京，中途只有春节一个星期的假期。<br>" +
                "<br>" +
                "　　“一直到取得成绩前，我都走得很坎坷。”在河南基地集训时，曾璐锋有两周的训练计划，主要训练内容为Edukit PA和泵管阀装置。<br>" +
                "<br>" +
                "　　每天的训练内容都被安排好了，拆装训练泵管阀装置的次数不多，曾璐锋没有机会像在学校那般没日没夜的训练。他只能自己做完之后，继续观看看其他选手拆装并和自己对比，找出需要改进的地方，结束训练后再想解决办法。<br>" +
                "<br>" +
                "　　经过一段时间的学习和训练后，曾璐锋的速度提升了，可泵的流量却一直不能恢复到拆之前的流量。<br>" +
                "<br>" +
                "　　“屋漏偏逢连夜雨”，在考核前的最后几天，曾璐锋在一次体能训练中将右脚脚踝扭伤。“拆装一次泵管阀装置大概要两个小时，全程都需要蹲着操作，没扭伤之前，操作完后腿都发麻难受，扭伤脚之后，右脚在训练泵管阀装置时不敢用力，受力几乎都在左脚上，结果两天下来两个脚都不能正常行走。”<br>" +
                "<br>" +
                "　　功夫不负有心人，2019年4月，世界技能大赛水处理技术项目全国选拔赛落下帷幕，曾璐锋再一次突破自己，获得了选拔赛的第一名，作为我国该项目的唯一选手参加世界技能大赛。<br>" +
                "<br>" +
                "　　“因为水处理技术是一个全新的项目，我们没有任何东西可以借鉴更没有任何经验可言。”获得第45届世界技能大赛的入场券之后，曾璐锋又开始了新一轮的集训。<br>" +
                "<br>" +
                "　　虽然是新项目，但是并没有公布样题，“项目训练我能参照的只有2015年跟2017年表演赛的题目跟规则。”<br>" +
                "<br>" +
                "　　比赛前三天，曾璐锋才拿到比赛试题。“在拿到试题当天，我将所有试题反复看了三四遍，看完之后的第一感觉就是跟想象之中的差别很大，很多内容此前根本就没有做过。”<br>" +
                "<br>" +
                "　　“可我不能放弃！毕竟我代表着国家！”<br>" +
                "<br>" +
                "　　比赛的日子如期而至，在为期4天的比赛中，曾璐锋要完成VR仿真、机械操作、自动化控制、化学实验室工作、文档五大模块。<br>" +
                "<br>" +
                "　　比赛中，曾璐锋经历了“状况百出”的过程，最终还是如愿拿下了自己的首个世界冠军。<br>" +
                "<br>" +
                "　　第一场考核因为设备问题，被调换到下午所有考核完成之后进行。第二场考核是曾璐锋比较熟悉的阀门拆装，考核开始他正常发挥，远远领先其他人。可当他拆解完，往回装配的时候却发现怎么也装配不上，最后直到比赛时间结束他也没能完成装配。这一下就比别人少了六七分。“当时心情十分的低落，可能一次失误就会导致我跟我的团队这么久以来的努力全部白费了。”<br>" +
                "<br>" +
                "　　第二天是泵维护考核，因为前一天失利，这场考核曾璐锋特别小心，却因此闹出了“乌龙”。当天，曾璐锋提前完成了所有故障的维护，可以比其他选手快近1个小时完成该模块考核。但是由于过于谨慎，曾璐锋完成考试后在不断擦洗设备和整理台面的过程中，发现了考核模块以外的设备故障，“我当时没有向裁判提出疑问，就进行了维修，造成了不必要的失分。”<br>" +
                "<br>" +
                "　　面对突发状况，在团队的帮助下，曾璐锋及时调整心态，沉着冷静应对，最终凭借扎实的实践操作和精湛的技艺水平，顺利完成了接下来所有模块的操作，勇夺水处理技术项目金牌。他也成为江西省首位来自高职院校的世界技能大赛金牌获得者。<br>" +
                "<br>" +
                "　　如今，凯旋归来的曾璐锋选择留在学校，成为了一名青年教师，除了继续为儿时的梦想不断努力，现在的他又有了一个新的小梦想。“我想把自己学到的知识跟技能传授给学生，为国家培养更多的技能人才。”"],
                ["./人物故事素材/人物故事/曾正超.jpg", "曾正超", "他出生于贫困家庭却凭着一己之力让父母住上“小洋房”，从小就心怀武侠梦的他并未成为江湖英雄，而是在初中毕业后，选择了去技校学习焊接。<br>" +
                "<br>" +
                "　　凭借着自己的努力和坚持，他从一个对电焊一窍不通的少年到成为世界技能大赛中万众瞩目的世界冠军。<br>" +
                "<br>" +
                "　　做不成武林高手就做技术高手，他用自己的经历和实力告诉社会，技校学生也可以拥有光明开阔的前程。<br>" +
                "<br>" +
                "　　1995年，曾正超出生在 四川省攀枝花市的一个贫困家庭。小小男孩的到来给这个家增添了很多希望，家境虽不优渥，但父母也总是在力所能及的基础上给予孩子最好的生活。<br>" +
                "<br>" +
                "　　小时候的曾正超特别懂事，经常会帮着干一些家务活，空闲之余他还喜欢看一些武侠片。<br>" +
                "<br>" +
                "　　或许是受到了武打巨星的影响，从小曾正超就有一个武侠梦，他很向往自己可以像那些会飞檐走壁的少侠一样，有一天可以行走江湖，拯救众生。<br>" +
                "<br>" +
                "　　但在如今这样一个和平年代，根本不需要什么武侠之士，他的梦想也就暂时被搁浅。<br>" +
                "<br>" +
                "　　从小学到初中，曾正超的学习成绩一直处于中等水平，再加上他对文科并不感兴趣，所以这些年来成绩也没有多大的起色。<br>" +
                "<br>" +
                "　　尽管成绩不好，但小男孩在学校还是很老实的那一种，从不惹是生非，也不在班里调皮捣蛋，曾正超很喜欢物理，只要一上物理课他就尤其兴奋，全程跟着老师的思路走。<br>" +
                "<br>" +
                "　　尽管他成绩不好，但因为态度踏实，所以老师们也都还是对他抱有一些好感。<br>" +
                "<br>" +
                "　　上初三时，曾正超开始计划起了自己的未来，家里的条件并不太好，如果实打实的考高中肯定考不上一个好的，与其这样还不如去学一门技术，至少将来出社会以后还能靠自己混口饭吃。<br>" +
                "<br>" +
                "　　但这只是他脑子里面突然迸发出的一个念想，真正让他坚定此想法并决定实施的还是家里的状况。<br>" +
                "<br>" +
                "　　那年，曾正超父亲的身体突然变得有些差，作为家里唯一的顶梁柱，父亲不能再干重活，家庭的重担一下落到了母亲肩上。<br>" +
                "<br>" +
                "　　为了维持生活和供曾正超读书，母亲每天起早贪黑，四处帮人做工。看着眼前病怏怏的父亲和劳累的母亲，曾正超下决心退学去读技校，他不忍再看到父母整日辛苦操劳；<br>" +
                "<br>" +
                "　　在亲朋好友的介绍下，曾正超进入了当地的一所技校学校学焊接技术，就此踏上了焊接之路。<br>" +
                "<br>" +
                "　　由于之前是零基础，所以在刚接触到焊接时，曾正超操作的并不尽如人意。<br>" +
                "<br>" +
                "　　就在他一次次陷入迷茫之时，转念一想，自己已经放弃了读书这条路，如果连当下自己选择的这条路都坚持不下去，那就什么事也干不好了。<br>" +
                "<br>" +
                "　　为了提升自己的水平，他整日都待在车间反复练习，除了吃饭睡觉或者学习其他课程外，一般他都泡在那里面，就连休息日都不放过。<br>" +
                "<br>" +
                "　　在长期的努力练习下，曾正超的焊接水平有了很大的进步，从一开始的生疏蜕变到了可以游刃有余地独自操作。<br>" +
                "<br>" +
                "　　他的上进和努力也被教焊接的师傅周树春看在眼里，记在心里，虽然曾正超并不是最优秀的学徒，但他的态度让周树春很是欣赏。<br>" +
                "<br>" +
                "　　在他看来，能力可以慢慢培养，若是没有一个好的态度，其余都是纸上谈兵。随着训练得增强和自身的勤奋，曾正超得焊接技术也越来越高超。<br>" +
                "<br>" +
                "　　2013年4月，在周树春的推荐下，曾正超被十九冶集团破格录取，顺利入职了在焊接行业名声大噪的公司。<br>" +
                "<br>" +
                "　　刚入职没多久时，公司领导并不是很看好这个新人，觉得他是半路出家，还没有任何的工作经验，也就没有太重视他。<br>" +
                "<br>" +
                "　　直到有一天，公司领导趁员工们休息时去车间巡视，看到大多数员工都在说笑或玩手机，只有曾正超一人正专注于研究电焊。<br>" +
                "<br>" +
                "　　这一画面的捕捉让领导彻底打消了对他的质疑，一个休息时间还沉迷于工作的人，能力肯定不会差到哪儿去。<br>" +
                "<br>" +
                "　　一次偶然的机会下，公司需要挑选一名优秀员工，代表公司去参加世界技能大赛。得知这一消息后的曾正超万分欣喜，心里既兴奋又紧张。<br>" +
                "<br>" +
                "　　世界技能大赛是全球地位最高，规模最大，影响力最大的职业技能竞赛，全国各地的优秀的职业技能选手都盼着能在这场竞赛上大放异彩。<br>" +
                "<br>" +
                "　　对于曾正超来说这就是一个难得的机会。赛前集训很辛苦，每天他都要经历10个小时的高强度训练。<br>" +
                "<br>" +
                "　　除了学校安排的集训外，他还会给自己额外加练，从整体到小细节，他都细致入微，反复操作，直到近乎完美为止。<br>" +
                "<br>" +
                "　　曾正超说，焊接就像刺绣一样，必须要十分精细才不会差强人意，即使双手都被铁水和焊光灼的满是疤痕，他也丝毫不在意。有时那些光飞到身上，他都要忍着，就算身上传来痛感，手也不能抖一下。<br>" +
                "<br>" +
                "　　为了增强自身的平衡力，他每天还进行手举水桶的训练，焊枪下挂上5L水桶一举就是半小时，曾正超真的一动也不动。<br>" +
                "<br>" +
                "　　凭借着能吃苦这一强项，曾正超从几百名选手中脱颖而出，成为了唯一一个代表中国参加第43届技能大赛焊接项目的选手。<br>" +
                "<br>" +
                "　　赛场上，他沉着冷静，一路过关斩将，最终20岁的曾正超以89.6的高分夺得冠军，打破了前两届冠军一直是欧洲国家占领的局面，成为中国参加世界技能大赛以来的“首金。<br>" +
                "<br>" +
                "　　当比赛结果被揭晓的那一刻，台下掌声雷动，世界冠军也可以是中国人！<br>" +
                "<br>" +
                "　　成为了世界冠军的他逐渐被更多人知晓，但他自己并没有骄傲浮躁，而是依旧如往常一样，专心工作，勤奋练习。<br>" +
                "<br>" +
                "　　不仅如此，他还成为了学校焊接专业的教练，为祖国培养更多的技能型人才。在世界技能大赛中摘得金牌后，他获得了百万元的奖金。<br>" +
                "<br>" +
                "　　因为心里一直牵挂父母，所以当他拿到这笔钱时，第一时间为父母买了十万元的养老保险，接着又把老家那常年漏风漏雨，摇摇欲坠的楼房推掉了，给二老建了新房。<br>" +
                "<br>" +
                "　　这个曾经连一套阻燃服都不舍得买的男孩，在有钱后的第一件事就是孝顺父母，先让她们过上好的生活。<br>" +
                "<br>" +
                "　　2014年3月，曾正超被四川省国家部门授予了“四川省劳动模范”称号。不单单是事业，家庭上他也是人生赢家。<br>" +
                "<br>" +
                "　　工作期间他遇到了现任妻子，两人还一起迎来了“爱的结晶”日子过得幸福且美满。<br>" +
                "<br>" +
                "　　那个迷恋武侠片，崇拜李小龙的小小少年，后来真的背起了行囊闯荡江湖，只不过，他没有拿起双截棍，而是用手中的焊枪成为了世界“武侠”。<br>" +
                "<br>" +
                "　　或许，不是只有拯救众生，行侠仗义才能称得上是武侠英雄，能为国争光，顽强不屈的工匠也是让人敬仰的超级英雄！"],
                ["./人物故事素材/人物故事/陈子烽.jpg", "陈子烽", "陈子烽1998年出生于广东省汕头市潮阳区的一个农村家庭，中学以前父母主要靠务农供养他和哥哥读书。年少的陈子烽生性聪颖有活力，是班里的优秀学生。<br>" +
                "<br>" +
                "　　2013年父亲突发疾病离世，年仅14岁的陈子烽遭受了重大打击，生活一下子失去了方向，整日精神恍惚、沉默寡言，成绩一落千丈。由于中考成绩太糟糕，读好高中是无望了，继续上学得向亲戚借钱。“妈妈，我不上学了，我要出去打工。”陈子烽斩钉截铁地说。初中一毕业，他就跟邻居去了深圳学做手机生意。<br>" +
                "<br>" +
                "　　接触社会两年让陈子烽看清了现实，“没有学历，没有一技之长，立足都难，更谈不上成就一番事业”，年少的陈子烽想拥有一项本领，快点扛起经历风雨的家。渐渐地，他萌发了学一门技能的渴望。<br>" +
                "<br>" +
                "　　2016年，在亲戚的推荐和帮助下，陈子烽选了广州市建筑工程职业学校的工程测量专业就读。选这个专业是因为他擅长数学，有优势，而且农村学生可以免学费，不会给家里增加太大的负担。<br>" +
                "<br>" +
                "　　就读期间，刻苦的陈子烽成绩一直很突出，在第二学期就赢得了全国职业院校技能大赛中职组工程测量项目一等奖，这个奖项是中职行业技能的最高荣誉。<br>" +
                "<br>" +
                "　　从搬砖开始踏上世赛路<br>" +
                "<br>" +
                "　　2017年，师兄梁智滨获得第44届世界技能大赛砌筑项目的冠军。一时间一股世赛热席卷全校，学生们纷纷报名第45届世界技能大赛选拔赛，各个专业的老师也都会推荐班里资质较好的学生，陈子烽就是其中一个。<br>" +
                "<br>" +
                "　　“搬砖？！”实训场上指导老师第一个任务发出后，很多学生扭头就走了，第二天只来了60人。“反正是课后训练，什么都不耽误，还能多学点东西”，陈子烽没想那么多，而且相对于比赛，他更好奇的是这么漂亮的作品是怎么做出来的。<br>" +
                "<br>" +
                "　　就这样，从未碰过砂浆、砖块的陈子烽从零开始学起砌筑，练习铲灰、铺灰、带灰等基本动作。铲灰、铺灰，砖放上去要四周饱满、中间空，看着简单、流畅的动作，陈子烽自己做起来却异常生硬，铲多了，灰浆铺在砖上，太厚，铲少了，铺不满，陈子烽练了一遍又一遍。<br>" +
                "<br>" +
                "　　广州的夏天，30多度的桑拿天，不到5分钟汗水就浸透了衣服，泥水混着砂浆，连带着蚊虫一起凑热闹。除去搬砖、搅砂的时间，陈子烽每天有六七个小时在埋头砌砖。“没有什么不可能，只要肯学、肯潜下心来研究，什么事都能做好”，陈子烽内心很坚定。<br>" +
                "<br>" +
                "　　这时候差不多每一两个星期，学校就进行一轮淘汰赛。优异的成绩和愈加精美的作品带给陈子烽极大的自信。竞技的压力更是让他在不断完善计划、精进技能中找到了砌筑的乐趣，每次一拿到图纸就迫不及待研究怎样完美地完成作品。<br>" +
                "<br>" +
                "　　一个学期过去了，集训队里的60人只剩下2个，陈子烽拿到了世界技能大赛广东省选拔赛的入场券，并接连取得省赛第一名、全国选拔赛第二名的好成绩。<br>" +
                "<br>" +
                "　　绝招来自无数次苦练<br>" +
                "<br>" +
                "　　世赛砌筑项目，与一般意义上的“垒墙”不同，考核一般分为3-5个模块，从搬砖开始，共有识图、放样、切割、立皮数杆、抄平放线、铲灰、铺灰、调整、勾缝、清洁等十多个工序。砌筑出的墙，不管是水平还是垂直方向和角度测量，误差不能超过1毫米，清洁度及艺术美观也有严格的要求。<br>" +
                "<br>" +
                "　　为了对接世赛标准，精益求精的陈子烽调精度、勾灰缝、清洁墙面，把每一块砖都当做打分点，力求每一步的误差都无限接近于零。“沿着线切，抓得稳，要用力，不然会切成锯齿状的表面”，陈子烽似“老匠人”般精细地打磨着墙面的每一处小细节，不仅切割的表面要光滑，砌出来的圆也要足够圆。<br>" +
                "<br>" +
                "　　“这项技能没有绝招，有的只是无数次的苦练和刻苦学习。”两年时间里，陈子烽每天从早到晚搬砖、搅砂浆、砌筑，训练过程非常枯燥，也异常艰苦。由于砂浆里泡、砖头上磨，他的双手经常干裂得脱皮，初长的新肉钻心地疼。但每次看到砌出的漂亮成果，陈子烽就兴奋得忘却了伤痛，毅然又带伤投入到训练。<br>" +
                "<br>" +
                "　　精度有了，陈子烽反复琢磨着提升速度。“砌几层之后勾缝最快呢？”陈子烽从去除多余的动作入手，精心地计算每一个模块、每一个动作的时间，摸索出了一套简洁、连贯、流畅的砌筑动作。不断地思考、精进，让他最终走向了喀山世赛现场。<br>" +
                "<br>" +
                "　　世赛比赛时间为4天22小时，要用600块砖砌5面墙，有中空，有中心对称，有立体造型，几乎每一面墙都有高难度要挑战。由于紧张，“赛前没吃好饭”，加上每块砖的重量为6斤，体力消耗大，陈子烽在世赛第二天时比计划慢了半个小时，如果这样下去，将面临着任务无法完成的情况。重压之下，陈子烽在第三天加快速度，顶着压力调整计划，在比赛的第三天，他以每48秒一块砖的平均速度砌了150块砖。迎头赶上后，陈子烽有了更多时间精心打磨作品，并最终在这场“失之毫厘，谬以千里”的比赛中夺得冠军。<br>" +
                "<br>" +
                "　　一路勇敢前行，陈子烽用行动证明着，“学技能同样是不差的！”世赛归来，选择留校任教的陈子烽对未来有更多的规划和期待，传承世赛经验和砌筑技艺、提升学历、学习砌筑之外的更多本领……"],
                ["./人物故事素材/人物故事/黄晓呈.jpg", "黄晓呈", "我叫黄晓呈，1997年7月出生于广东省揭阳市一个农村家庭。”黄晓呈说，作为家里的男孩子，日后的顶梁柱，自己从小被寄予厚望。<br>" +
                "<br>" +
                "　　在家人以及亲戚的帮助和举荐下，黄晓呈寻找了一条技能成才的路。黄晓呈说：“我长大了，是要出来闯闯了。”<br>" +
                "<br>" +
                "　　黄晓呈选择了广东省机械技师学院数控技术专业。来到学校后，黄晓呈看到，有一帮师兄穿着工装，胸口绣着鲜艳的五星红旗，看到他们训练时沉浸在自己世界里的样子，十分帅气，也十分羡慕。就在那时，黄晓呈也幻想着有一天跟他们一样，能做自己喜欢的事情，能够走出校门甚至国门，参加各种比赛。理想的种子，从此埋在了黄晓呈的心里。<br>" +
                "<br>" +
                "　　每逢单数年上学期，广东省技师学院都开设技能竞赛班。起初，班里有70多个人，经过了层层考试选拔，最后只剩下了10个人，教练根据个人擅长的能力，把大家分到了各个项目，黄晓呈被分到了数控车项目。<br>" +
                "<br>" +
                "　　2016年9月，黄晓呈初试身手，代表广东省机械技师学院参加了第七届全国数控大赛广东省选拔赛。<br>" +
                "<br>" +
                "　　那是黄晓呈第一次参加比赛，当时的情景至今仍记忆犹新。赛后，有点出乎意料，黄晓呈获得了第一名，可以继续参加一个月后的全国决赛。最后，黄晓呈拿到了全国第三名。<br>" +
                "<br>" +
                "　　在一个月后的全国决赛上，黄晓呈在赛场上超常发挥，以第一名成绩入围全国选拔赛。<br>" +
                "<br>" +
                "　　2018年9月，黄晓呈来到北京集训基地，开始了第一阶段“10进5”的选拔。<br>" +
                "<br>" +
                "　　时间过得很快，一个半月过去了，考核如期而至。由于准备充分，考核过程没有出现什么意外，顺利获得了这一阶段的第一名。<br>" +
                "<br>" +
                "　　到了11月份，第二阶段“5进3”考核前两个模块在广东完成，后两个模块在北京完成。作为一个南方人，12月的北京让黄晓呈体验到什么叫寒冷。走在路上，凛冽的寒风刮得黄晓呈的脸生疼。<br>" +
                "<br>" +
                "　　2019年2月，即将开始最后一个阶段“3进1”，总共考核6个模块，前5个模块各占5%，最后一个模块在北京赛区集中考核完成。<br>" +
                "<br>" +
                "　　年前，第一模块考核在广东进行。其中第一个模块产品件因调错了程序，导致刀具碰撞到工件了，软爪装夹也损坏了，中间利用半个多小时才把它修复过来，第一个模块做完，黄晓呈已经落后了8分。关键时刻，黄晓呈很快又把自己的状态调整了过来，后面两个模块正常发挥，分数很快拉回来了，当时的分数只落后1分。在接下来的4个模块比赛中，黄晓呈稳定发挥，最终拿下了这场比赛。<br>" +
                "<br>" +
                "　　第二个模块由于是自己做过的同类型的工件，黄晓呈心理有点放松，从刚开始加工，就选错了刀具范围，没能完成加工。走出考场，黄晓呈一个人蹲在一条小巷里，他想让自己冷静下来。黄晓呈的心里就非常清楚，还有未完成的战斗，必须尽快恢复过来。通过自我的调整，黄晓呈以最好的姿态投入后续的比赛，最后的模块正常发挥。<br>" +
                "<br>" +
                "　　后来，黄晓呈和教练专家们聊起那天的事情，其实，他们从第一天就看出了黄晓呈的问题，状态和往前不同，束手束脚，心理很怕出错而反复检测，甚至打乱了往日的节奏。放平心态，从零开始，放手一搏！在进行到第三个模块考核时候，黄晓呈很快就将自己调整了过来。汗水没有白流。<br>" +
                "<br>" +
                "　　经过这次考核，黄晓呈也领悟到了很多人生道理：人生如同比赛，开始的优势，并不能保证你是最后的胜者，领先只是暂时的，坚持到最后，才是真正的胜者。"],
                ["./人物故事素材/人物故事/田镇基.jpg", "田镇基", "田镇基，来自广东省普宁的一个美丽的小村庄。<br>" +
                "<br>" +
                "　　从小就喜欢看电影，特别是那种科幻电影，田镇基特别崇尚电影里的那些科技大佬，有着自己独特的技能，可以呼风唤雨，叱咤风云。<br>" +
                "<br>" +
                "　　这，也让田镇基对学习技能，有了梦想的初心。<br>" +
                "<br>" +
                "　　2013年，田镇基从初中毕业后，就来到了广东省机械技师学院，渴望学习一技之长。<br>" +
                "<br>" +
                "　　在2015年的一个夏天，班主任提及学校要从学校各班级通过笔试选拔一批人，征召进入学校的集训队。<br>" +
                "<br>" +
                "　　听说可以学习更多技能，田镇基就特别兴奋，没有丝毫犹豫，自告奋勇地就去报了名。<br>" +
                "<br>" +
                "　　在学校集训队一百多人的选拔中，田镇基最终被选去数控铣方向。<br>" +
                "<br>" +
                "　　在经过学校教练漫长的选拔，最终，田镇基和另外两名同学被确认去参加第45届世界技能大赛数控铣项目广东省选拔赛。<br>" +
                "<br>" +
                "　　2018年，广东省选拔赛正式打响。三个模块总分排名第二，田镇基有幸进入到第45届世界技能大赛全国拔赛。<br>" +
                "<br>" +
                "　　2018年6月，第45届世界技能大赛全国选拔赛数控铣项目正式开赛。<br>" +
                "<br>" +
                "　　第一天抽签确定工位，田镇基的工位恰好在正门的第一台设备，起初没什么感觉，但是到了第三天正式开赛时，人流量开始突然暴增。<br>" +
                "<br>" +
                "　　这是田镇基第一次在那么大的场合下比赛，心态波动太大，导致太过紧张，第一个模块一下子就做废了，比赛成绩瞬间就被排到六七名去了。<br>" +
                "<br>" +
                "　　顿时，田镇基心灰意冷。痛定思痛，田镇基没有放弃，继续后面两个模块的追赶。最后，总分排名第四名，进入了第45届世界技能大赛国家集训队。<br>" +
                "<br>" +
                "　　在国赛后的一个月里，大家全月无休地训练，不断地找到适合自己的方法，调整心态。在北京集训基地进行控铣项目10进5淘汰赛的时候，田镇基获得了第二名，进入到了下一轮的考核。<br>" +
                "<br>" +
                "　　这一轮要选出两人或三人，压力巨大，为了克服工件的类型的多样和变形所带来的尺寸不稳定，田镇基开始加强练习画图基本功，练习多样化零件。<br>" +
                "<br>" +
                "　　那个时候，基本上每天都是要熬到凌晨一两点，田镇基也没多想，就想着坚持，每天进步一点点。<br>" +
                "<br>" +
                "　　最终，在广东基地里选出数控铣项目选手，也就是在5进2淘汰赛的时候，田镇基终于获得了第一名。<br>" +
                "<br>" +
                "　　很久都没有得过第一名的田镇基，突然拿了个第一，这让他觉得之前所付出的汗水，并没有白流。<br>" +
                "<br>" +
                "　　接下来，就是二进一淘汰赛，成败将在此一举。<br>" +
                "<br>" +
                "　　田镇基忽然发现，自己平时很多细节没有做得很好，速度又很慢，每次都会出些细小的差错，深知细节决定成败，田镇基就通过不断练习编程，改进方法，重复练习零件，增加熟练度，抠细节。<br>" +
                "<br>" +
                "　　拿出更多的时间，去弥补自己的不足，提高自己的速度。<br>" +
                "<br>" +
                "　　在日复一日的训练中，田镇基的技艺日益精进，最终，在经过6轮的北上异地考核后，在2进1的淘汰赛中，终于获得了第一名，成为代表数控铣项目参加第45届世界技能大赛的正选选手。<br>" +
                "<br>" +
                "　　相信一份耕耘一份收获，只有不断努力克服困难，才能超越自己，才能获得更好的自己，才能在第45届世界技能大赛中取得更好成绩。<br>" +
                "<br>" +
                "　　田镇基说，现正是备战第45届世界技能大赛的关键时刻，积极训练，坚持不懈，自己不敢有丝毫怠慢。只有这样，才能用最好的状态，在喀山的赛场上发挥出自己的实力，实现自己的梦想。"],
                ["./人物故事素材/人物故事/温彩云.jpg", "温彩云", "1998年出生的廉江人温彩云，是本次8枚金牌获得者中唯一的女生，也是广东第一位世赛女冠军。这名文静的小女生，屡次在各类大赛上展现其“大心脏”的沉着冷静。<br>" +
                "<br>" +
                "　　在本次第45届世赛时装设计项目中，来自广州市白云工商技师学院的她与来自32个国家及地区的选手展开激烈角逐，历时4天、共18小时竞赛时长，最终成功夺得第45届世界技能大赛时装技术项目金牌。<br>" +
                "<br>" +
                "　　梦想源于给洋娃娃设计衣服<br>" +
                "<br>" +
                "　　谈起自己为何选择走上时装设计这个方向，温彩云说：“我姑姑开设的厂子为芭比洋娃娃设计衣服，我从小就很喜欢芭比洋娃娃，喜欢给它们设计衣服，所以就最后凭自己的爱好选择时装设计这个行业。”温彩云说。<br>" +
                "<br>" +
                "　　2013年，温彩云进入广州市白云工商技师学院服装系服装设计与品牌策划五年制高技班，对时装设计充满热情和富有潜力的温彩云，在学校里各项成绩表现优异。<br>" +
                "<br>" +
                "　　2016年5月，温彩云参加了第44届世赛时装技术项目选拔赛，最终以全国第九的身份入选国家集训队。<br>" +
                "<br>" +
                "　　“当时经验还是不足，所以最后没有能成为世赛正选选手。”回到学校后的温彩云，根据学制安排进入企业实习一年。在被安排到中国十佳设计师董怀光公司实习期间，她实现了从学生成长为复合型时装设计人才的蝶变之路。<br>" +
                "<br>" +
                "　　“在企业做设计助理，最开心的事情就是见证将所学知识运用到企业产品实践中，是一件特别有成就感的事情。”2018年回到学校后，温彩云立即参加了第45届世赛系列选拔赛，最终以第一名成为正赛选手出战喀山。<br>" +
                "<br>" +
                "　　“从入选世赛国家队起，她就一直在加紧训练，其中今年4月到8月期间就制作了40多件各类时装，应对各类赛事考题要求。”她的教练说，时装设计项目有上百个打分点，必须要熟练地操作各个环节。<br>" +
                "<br>" +
                "　　画图、打版、排版、裁剪、制作……这是备赛期间温彩云每天的训练项目，枯燥的制作过程要从早上8时持续到晚上11时，“最长的一次训练了18个小时”，这些都为温彩云练就一番炉火纯青的技术和良好的竞赛心态，打下了至关重要的基础。<br>" +
                "<br>" +
                "　　剪裁误差控制在0.1毫米<br>" +
                "<br>" +
                "　　在喀山4天的比赛期间，温彩云的比赛项目分别包括1小时的款式设计、3小时的裙子打版与排版、12个半小时的大衣设计与制作，以及1个半小时的立体裁剪。<br>" +
                "<br>" +
                "　　其中，大衣设计的款式主题为“俄罗斯皇家”，需要选手将当地的风土人情、穿着特点等融入大衣设计中，是时装技术项目中耗时最长的项目。<br>" +
                "<br>" +
                "　　“整个过程都比较顺利，直到最后一个项目上时间比较紧张，当时设计的服装后背部分空间放得不够，差点没能缝合上，这个问题出现时距离比赛结束只有十几分钟了，当时自己就开始有点小紧张。”<br>" +
                "<br>" +
                "　　谈到这个“小紧张”，温彩云只是简单地表示“把其他部位多的地方挪一点缝上”，而事实上场外的教练已经十分着急，“其实我对自己完成整个流程还是很有把握的，所以没有觉得特别紧张。”<br>" +
                "<br>" +
                "　　强大的自信源于日复一日的刻苦训练。温彩云所参加的时装技术项目，涉及大量的布料剪裁加工环节，其中车缝误差更是要控制在0.1毫米。<br>" +
                "<br>" +
                "　　当被问及如何才能做到精准剪裁时，温彩云想了半天说：“平时多练。”又被追问平时怎么练，“就多做，好像平时有做十几件吧。”谈起时装设计操作时，平时腼腆的她像换了一个人似的，滔滔不绝地讲起各类专业术语。<br>" +
                "<br>" +
                "　　谈到未来的发展方向，经历了“巅峰之战”的温彩云表示，她仍将全身心投入到时装设计这个领域。“通过企业实习经历以及世赛备战，我既了解了当下主流的服装设计理念，同时也具备扎实的全流程实操基础，我希望能在这个领域创作更多优秀作品，并将经验传递给下一届选手，成为他们前进的指路灯。”"],
                ["./人物故事素材/人物故事/杨金龙.jpg", "杨金龙", "世界技能大赛冠军、全国五一劳动奖章获得者、全国技术能手、全国爱岗敬业汽修工楷模……这一个个耀眼的荣誉和头衔都属于27岁的云南小伙杨金龙，年纪轻轻的他就已经是一名特级技师了。<br>" +
                "<br>" +
                "　　“不论是学知识还是学技术，只要感兴趣，能坚持肯钻研，就一定能有出彩的人生。”聊到个人的“成功秘诀”，杨金龙这样说。<br>" +
                "<br>" +
                "　　杨金龙出生在云南省保山市一个普通的农民家庭。2009年，杨金龙放弃了就读普通高中和复读的机会，选择到市里的职业学校学习。村里人知道他放弃就读普高后纷纷摇了摇头，杨金龙自己却没有任何气馁和迷茫。<br>" +
                "<br>" +
                "　　杨金龙第一次的人生转折来自于2010年3月，杭州技师学院来学校招生，专业是汽车钣金与涂装。杨金龙起初只是出于好奇去随便听听，然而听着听着，就喜欢上了给车喷洒颜色的活儿。<br>" +
                "<br>" +
                "　　“兴趣爱好是最好的老师。”<br>" +
                "<br>" +
                "　　在杨金龙看来，最初的“喜欢”是自己能够成功的先决条件。<br>" +
                "<br>" +
                "　　到杭州技师学院学习后，杨金龙把大部分的时间和精力都花在学习与实操钻研上。课堂上，杨金龙总是最认真的那个，他认真学习每一个技术操作，仔细钻研琢磨每一种材料和染料，用心掌握每一件工具。<br>" +
                "<br>" +
                "　　在很多同学和老师眼里，杨金龙对专业技术的痴迷，甚至到了废寝忘食的程度。有时候为一个问题，杨金龙甚至能思考一整天，实在想不明白才去找老师。<br>" +
                "<br>" +
                "　　一次偶然的机会杨金龙看到学校中职比赛的选手们在训练，杨金龙认为比赛训练能拥有更多的时间和材料来实践，就开始关注各类比赛动态并加以练习。终于在2011年学院举行的学生技能运动会上，他以优异的表现一举夺魁。<br>" +
                "<br>" +
                "　　“这次小小的成功，让我明白了原来自己可以做到很多原先想都不敢想的事。”据杨金龙回忆，这次比赛对于提升个人自信心起到了很大的帮助。<br>" +
                "<br>" +
                "　　从那之后，杨金龙从市级、省级、国家级各类技能竞赛中，慢慢找到了自己的优势，先后获得浙江省中职技能大赛冠军和全国赛二等奖。<br>" +
                "<br>" +
                "　　世界技能大赛（以下简称世赛）被誉为“技能界的奥林匹克”。2014年2月，第43届世赛汽车喷漆项目中国集训基地落户杭州技师学院。杨金龙得知消息后毅然辞掉工作，决定报名参加世赛。最终他以全国选拔赛冠军的成绩挺进国家队。<br>" +
                "<br>" +
                "　　“训练异常艰苦，中途有其他选手退出，但我坚持了下来。”据杨金龙回忆，夏天的训练时，室内温度能高达40℃，为了不影响训练效果，全身必须要裹得严严实实，一天训练下来要换七八套工作服是常有的事。<br>" +
                "<br>" +
                "　　长达一年的高强度集训，枯燥又辛苦，但恰恰是这一过程，让杨金龙对工匠精神的内涵有了新的认识。“只有不懈地去钻研、不懈地坚持下去，兴趣之花才能结出丰硕的果实。”<br>" +
                "<br>" +
                "　　功夫不负有心人，2015年8月，杨金龙勇夺第43届世赛汽车喷漆项目冠军，使中国实现了世界技能大赛金牌零的突破。<br>" +
                "<br>" +
                "　　“我从没想过自己能像体育健儿一样在世界级的舞台上为国家而战，并通过自己的努力为国争光、为国赢得荣誉。”据杨金龙讲，现在回想起当时身披中国国旗、站在领奖台上接过金牌的那一刻，还是会很激动。<br>" +
                "<br>" +
                "　　获得世界冠军后，杨金龙拒绝了很多企业的高薪聘请，回到了母校成为了一名汽车喷漆专业的教师。对此，他很多在高端品牌汽车4S店工作的同学，都很不理解。<br>" +
                "<br>" +
                "　　作出这样的选择，杨金龙有着自己的想法：“当初学校培养我们，现在我当老师，就是要把接力棒握紧，把技术教给更多的学生，要提高整个行业的技术水准，当老师是一个很好的选择。”<br>" +
                "<br>" +
                "　　据杨金龙的学生们讲，杨金龙有一个教学习惯，给学生上的第一堂课，必然是讲本行业的未来的发展机遇和挑战。“杨老师说希望自己的学生在将来工作能找到自己比较感兴趣的专业，不是本专业也可以。当一个人喜欢一件事情的时候，他一定会花很多时间去钻研的，能一直坚持下去就会成为行业的佼佼者。”杨金龙日常传授给学生的理念是不能只甘心做一线工人，要争做行业内的引领者。<br>" +
                "<br>" +
                "　　杨金龙还经常将自己参加世赛的经验和体会讲给学生听，世赛的技术指标按要求，标准喷涂厚度0．13毫米，油漆上下的厚度允许误差上下浮动只有0．01毫米，相当于一根头发直径的1／6左右，而油漆一般要喷五六层以上。<br>" +
                "<br>" +
                "　　“要想把事情做好，没有一颗追求极致的心是做不到的。”<br>" +
                "<br>" +
                "　　一转眼，陈金龙已在学校任教6年多了，这期间他为行业培训出了300余名技师，1000余名高级工。他成立了杨金龙技能大师工作室，指导同门师弟蒋应成获得第44届世赛汽车喷漆项目金牌，指导学生陈彬彬获得首届全国职业技能大赛汽车喷漆项目冠军。<br>" +
                "<br>" +
                "　　“我要去证明不单单是一两个中国人行，而要中国的技术工人全都能行，将希望的种子散播出去。”谈到未来目标，杨金龙斗志昂扬。"],
                ["./人物故事素材/人物故事/郑玉辉.jpg", "郑玉辉", "所有的努力，不是为了让别人觉得你了不起，而是为了能让自己打心里看得起自己。<br>" +
                "<br>" +
                "　　人生的奔跑，不在于瞬间的爆发，而是取决于途中的坚持，你纵有千百个理由放弃，也要找一个理由坚持。<br>" +
                "<br>" +
                "　　能激励你，温暖你，感动你的，不是励志语录心灵鸡汤，而是身边比你优秀的人，比你还努力！<br>" +
                "<br>" +
                "　　“我叫郑玉辉，来自有着中国青梅之乡之称的广东省普宁市一个美丽的小镇。”<br>" +
                "<br>" +
                "　　2012年6月，郑玉辉初中毕业。成绩并不是很理想的郑玉辉，发现自己读不了好的高中，而班主任觉得他动手能力很强，于是，他索性报考广东省机械技师学院，准备学习一技之长。<br>" +
                "<br>" +
                "　　因为听说有机会能代表学校去参加各类的比赛，班主任老师让郑玉辉好好努力。可没想到，这一努力，就是7个年头...<br>" +
                "<br>" +
                "　　2012年9月，郑玉辉抱着满怀期待，来到广东省机械技师学院就读。<br>" +
                "<br>" +
                "　　这所金牌学校果然没有让郑玉辉失望。<br>" +
                "<br>" +
                "　　进入学校后，刚一接触数控专业，郑玉辉就疯狂地喜欢上了这个专业，每天努力学习各项专业技能，对于一个刚入门的新人来说，每天都有着很大的收获与进步。<br>" +
                "<br>" +
                "　　2013年7月，郑玉辉在广东省机械技师学院报名参加第六届全国数控技能大赛校内海选。当时，报名参加笔试的同学有几百人，郑玉辉是其中幸运的一个，顺利进入了集训班。<br>" +
                "<br>" +
                "　　进入集训班，就意味着高强度的训练开始了。<br>" +
                "<br>" +
                "　　高手云集，竞争非常激烈，加之参赛名额有限，郑玉辉一时间压力山大。因为刚进集训班，很多专业知识都不是很了解，郑玉辉一有时间就拿着小本子去请教师兄。<br>" +
                "<br>" +
                "　　集训期间，郑玉辉一直严格遵守纪律，不断鼓励自己，提高技能，严肃对待教练交给的每个训练题目，认真听取教练讲解，并做好纪录。同时，郑玉辉会利用课余时间去加强训练，总结在工作中遇到的问题，并且找出最好的办法，去解决问题。<br>" +
                "<br>" +
                "　　在郑玉辉看来，学习态度很重要。<br>" +
                "<br>" +
                "　　放暑假、寒假时候，同学们纷纷回家，而郑玉辉则留在学校继续一天到晚的训练。那时候，有同学笑话说他傻，有休息不休息跑去训练。<br>" +
                "<br>" +
                "　　“我并没有羡慕他们放假休息，而是羡慕自己，学校能让自己更加努力的投入到学习之中。”面对嘲讽，郑玉辉这样说道。<br>" +
                "<br>" +
                "　　经过层层的筛选，郑玉辉最终取得了代表广东省机械技师学院参加六届全国数控技能大赛广东省选拨赛数控铣项目比赛的资格。<br>" +
                "<br>" +
                "　　2014年9月，郑玉辉获得了第六届全国数控技能大赛广东省选拨赛数控铣项目第三名。<br>" +
                "<br>" +
                "　　“第一次比赛，机床参数出故障，在旁边等了一个多小时，加上自己的心态不稳定，发挥有些失常，没能晋级全国总决赛。”<br>" +
                "<br>" +
                "　　郑玉辉回忆说，自己没有发挥出真正水平，看到自己一起努力过来的小伙伴都上台领奖时，自己就默默下定决心，好好努力，从头再来。<br>" +
                "<br>" +
                "　　虽然也曾想过放弃，但郑玉辉还是坚持了下来。<br>" +
                "<br>" +
                "　　2015年年初，郑玉辉被安排到综合机械与自动化项目集训基地训练。因为这个项目涉及普车、普铣、电工、PLC编程、装配等诸多技术，甚至有很多是郑玉辉从来没有接触过的新东西。<br>" +
                "<br>" +
                "　　面对新的项目，郑玉辉又面临了一次更大的挑战。但郑玉辉相信，自己努力奋斗的汗水不会白流。<br>" +
                "<br>" +
                "　　在2015年7月，郑玉辉报名参加了广东省CAD图形设计职业技能竞赛，取得了团体二等奖和个人二等奖。<br>" +
                "<br>" +
                "　　2016年5月，郑玉辉参加了第44届世界技能大赛综合机械与自动化项目广东选拔赛，因为尺寸做的不合规，只获得第三名。<br>" +
                "<br>" +
                "　　2016年9月，郑玉辉参加了第44届世界技能大赛综合机械与自动化项目全国选拔赛，获得第二名，顺利进入第44届世界技能大赛综合机械与自动化项目国家集训队训练。<br>" +
                "<br>" +
                "　　全国选拔赛结束，刚好遇上第七届全国数控技能大赛广东省选拔赛，刚好公开了试题还有理论题，因为不服输，郑玉辉还是想着去拼一把，证明自己。<br>" +
                "<br>" +
                "　　跟教练说过一声，郑玉辉就又一次报了名。<br>" +
                "<br>" +
                "　　距离比赛还有半个月，面对跟自己比同一赛项的三位小伙伴，他们比自己领先一年，一直都在训练数控。压力自然很大，但那段时间过得很充实。郑玉辉说，把压力换成动力，每天忙到凌晨两点多，早上七点半起床，平时训练实操理论，虽然成绩每次总是排到最后一名，但自己的心态一直很平和。<br>" +
                "<br>" +
                "　　比赛前抽签，刚好是自己熟悉的设备，虽然加工参数与速度是最慢的那一台，但郑玉辉在比赛中正常发挥，尽管没做完，但尺寸做的基本全对。<br>" +
                "<br>" +
                "　　这一次，郑玉辉获得了第七届全国数控技能大赛数控铣工项目广东省选拨赛第二名，同时，也获得了全国总决赛的门票。<br>" +
                "<br>" +
                "　　在广东省集训期间内，郑玉辉每天努力训练，刻苦钻研，把手中的零件从一件件地摊货，变成一件件奢侈品。<br>" +
                "<br>" +
                "　　专心做一件事的时候，时间总是过的很快。“训练了1个月后，马上就要全国总决赛了。”郑玉辉说，2016年11月，终于来到了当年梦寐以求的地方。<br>" +
                "<br>" +
                "　　比赛前，抽签的设备不给试切，只能熟悉一下面板跟系统，给了两个小时时间，要熟悉10台设备，而且比赛的刀具也是赛场提供的。<br>" +
                "<br>" +
                "　　11月的北京很冷，比赛开始了，郑玉辉的手还是僵硬的，第一个尺寸就因为少输了个零，导致过切了，还好最后抢时间做完了，获得了第七届全国数控技能大赛全国总决赛职工组第一名，同时，荣获了“全国技术能手“称号。<br>" +
                "<br>" +
                "　　夙愿实现了，郑玉辉又回到了综合机械与自动化项目的继续基地，开始准备集训考核6进3选拔，可能因为刚比完数控技能大赛的原因，郑玉辉还没有放平心态，所以只拿了第三名，但随后世界技能组织对外发布消息，将把普铣改成数控铣手轮加工。<br>" +
                "<br>" +
                "　　瞬间，郑玉辉觉得自己的机会来了。<br>" +
                "<br>" +
                "　　然而，在3进2的时候，因为不像全国选拔赛是公开题，而都是盲题，所以会遇到什么问题，也都是未知数，加上自己的经验不足，做的盲题也比较少，一共比了四场，第一场题目比较简单，所以分数每个人很接近，后面三场因为题目比较难，装配难度大，导致自身的问题慢慢涌现出来，最后只拿了第三名。<br>" +
                "<br>" +
                "　　那一年，无缘正选和备选，郑玉辉也没能去成阿布扎比第44届世界技能大赛的现场。<br>" +
                "<br>" +
                "　　过后，郑玉辉反思自己，检讨自己，发现自己的付出和努力还远远不够，自身解决的能力也不足。郑玉辉说，自己还需要去沉淀、去学习，所以想继续跟着正选、备选选手继续训练。<br>" +
                "<br>" +
                "　　教练同意了，一路北上，最后赴京考核选拔，让郑玉辉学到了很多很多，回到学校后，郑玉辉更加刻苦钻研，不断提升自己的技能。<br>" +
                "<br>" +
                "　　特别感谢综合机械与自动化项目专家组长谢晓红！让郑玉辉印象深刻的是那个炎热的夏天，谢晓红老师每天都在车间全程陪着选手，在解读技术文件的同时，还抽时间去学电装技术以及PLC编程。<br>" +
                "<br>" +
                "　　榜样就在身边。<br>" +
                "<br>" +
                "　　当谢老师攻破一个个技术难关，为郑玉辉指出每一个不足，郑玉辉都由衷地佩服。<br>" +
                "<br>" +
                "　　当第44届世界技能大赛的参赛选手从阿布扎比载誉归来，第44届世界技能大赛综合机械与自动化项目银牌获得者唐培强成为了郑玉辉的教练，有了唐培强的参赛经验，以及主教练张国华老师和王志海老师的指导，郑玉辉前进的脚步更加坚定、更加稳健。<br>" +
                "<br>" +
                "　　踏踏实实走好每一步，做最好的自己。郑玉辉暗暗下定了决心。<br>" +
                "<br>" +
                "　　把每一次比赛都当成最后一场<br>" +
                "<br>" +
                "　　付出百分之百的努力<br>" +
                "<br>" +
                "　　努力做到极致<br>" +
                "<br>" +
                "　　“不管对手多强大，自己一定要努力做到极致，付出百分之一百的努力，发挥出自己平时最好的水平，只有这样，才能站上世界的舞台与对手争锋。”郑玉辉说。<br>" +
                "<br>" +
                "　　一切重新出发，很快到了第45届世界技能大赛广东省的选拔赛的时间。<br>" +
                "<br>" +
                "　　按规定，因为能直接参加全国选拔赛，郑玉辉在广东省赛可以比也可以不比，但郑玉辉依旧坚持自己一定要比，因为郑玉辉把每一次比赛都当成最后一场，每一场都要拼尽全力。<br>" +
                "<br>" +
                "　　把比赛试题做到最好，郑玉辉最后如愿获得了第一名。<br>" +
                "<br>" +
                "　　距离全国选拔赛的时间越来越近，因为是公开试题，所以一直在训练公开题，怎么去拿高分，怎么去把速度提快，怎么去不出错，这些都要考虑，做不好的个别零件，拿出来单独练习很多遍，直到没问题，把问题全部解决了，郑玉辉自己心里才有底。<br>" +
                "<br>" +
                "　　4天比赛结束，郑玉辉排名第一。<br>" +
                "<br>" +
                "　　接下来的10进5，因为有三位是上一届参加过全国选拔赛的选手，郑玉辉就有了和别的选手交流与学习的机会。和别的教练、选手在一起，郑玉辉过得很愉快，可是，一个月的选拔与集训很快就结束了，这将意味着又有人面临被淘汰。<br>" +
                "<br>" +
                "　　5进3比赛是在东营市技师学院举行的，比赛完全模拟世赛场地，去的第一天，郑玉辉恰巧遇到了人生的第一场雪，白茫茫的一片，让人心情愉悦。<br>" +
                "<br>" +
                "　　虽然最后排名第一，但成绩不是特别理想，因为加工时间不够的原因，导致自己一直往前赶，在赶速度的情况下，尺寸就不是特别稳定。<br>" +
                "<br>" +
                "　　3进1，每个人的实力都相差不多，从上一届一直竞争到了现在，郑玉辉更加刻苦，针对自己的弱项进行加强，全面完善自己，付出了比平时别人更多的时间和精力，想方设法去摸索更好的方式和方法。<br>" +
                "<br>" +
                "　　努力终究没有白费，在经过四场激烈考核与选拔，郑玉辉以第一名的成绩成功晋级，终于获得正选。<br>" +
                "<br>" +
                "　　“不管对手多强大，自己一定要努力做到极致，付出百分之一百的努力，发挥出自己平时最好的水平，只有这样，才能站上世界的舞台与对手争锋。”郑玉辉说。"],
            ],
            itemsShow: [0,false],//控制显示那条人物数据
        }
    }, methods: {
        SwitchTo(i) {
            this.swipeindex = i
        },
        homebtn() {
            this.$parent.homebtn()
        }
    }, template: `
<div>
    <var-tabs indicator-size="0px"  :active.sync="active">
        <var-tab>主题介绍</var-tab>
        <var-tab>人物故事</var-tab>
        <var-tab>答题游戏</var-tab>
    </var-tabs>
    <var-tabs-items   class="T_app_home_items animate__animated animate__bounce animate__delay-1s  animate__fadeIn" :active.sync="active">
        <var-tab-item class="T_app_home_items_d ">
            <div class="T_app_home_items_d1">
                <h1>中国新发展阶段下，工匠精神引领技能人才培养与职业发展的制度创新与政策投入</h1>
            </div>
        </var-tab-item>
        <var-tab-item class="T_app_home_items_d">
            <div class="T_app_home_items_d1">
                <ul class="T_app_home_items_d1_D">
                    <li v-for="(item,index) in CharacterStory" @click="itemsShow=[index,true]">
                        <img :src="item[0]" alt="">
                        <h2>{{item[1]}}</h2>
                        <h3 v-html="item[2]"></h3>
                    </li>
                </ul>
            </div>
        </var-tab-item>
        <var-tab-item class="T_app_home_items_d">
            <div class="T_app_home_items_d1">
                <p>测试游戏中，每一道题目的每个选项都会决定你最终的结果，答题过程中，会有各种各样的互动，在题目中发现并作答，得到你想要的结果，并从中获得感悟和乐趣吧！</p>
            </div>
            <div class="T_app_nextBtn" @click="homebtn"> 开始答题</div>
        </var-tab-item>
    </var-tabs-items>
     <transition-group
        name="animate__animated animate__bounce"
        enter-active-class="animate__zoomIn"
        leave-active-class="animate__zoomOut">
<div class="T_app_home_items_show " v-if="itemsShow[1]" key="1">
<img src="./img/返回.png" class="T_app_home_items_none" @click="itemsShow=[itemsShow[0],false]">
<div class="T_app_home_items_show_D">
<img :src="CharacterStory[itemsShow[0]][0]">
<h1>{{CharacterStory[itemsShow[0]][1]}}</h1>
<h3 v-html="CharacterStory[itemsShow[0]][2]"></h3>
 <div class="T_app_nextBtn" style="align-self:flex-end" @click="itemsShow=[itemsShow[0],false]">返回</div>
</div>
</h1>
</div>
     </transition-group>   
</div>
`
})

const app = new Vue({
    el: '#app', data: {
        show: true,//控制开始弹窗让页面有交互
        BoolPlayPause: false,//控制音乐是否播放
        active: 0,//控制选项卡到那一页
        Result: false,//结果显示隐藏
        AppdivShow: false,//控制Appdiv组件显示隐藏
        T_appStyle: "background-image: url('./img/b.jpg');", //背景图片
        nextBtTxt: "下一题", oldEntranceArr: "", entranceArr: [//内容
            {
                d_show: true,//控制是否显示隐藏
                h5: "你认为工匠精神该如何体现出来？",//标题
                option: ["A.生产出最好的产品和服务", "B.不断尝试、创新、改进", "C.对工作质量和细节的高度关注和专注", "D.我不造啊"],//选项
                background: "background-image: url('./img/b1.jpg');",//背景
                select: null,//用户选择了那个选项 0 1 2 3 表示
                pleasantlyShow: [false, false, false],//1 彩蛋显示隐藏
                pleasantly: ["./img/c1.png", "👷🏻", "我的工具不见了，希望你能帮忙找一找，我会感谢你的帮助的", "交给我吧", "我再想一想", "我非常感激。你的帮助对我来说非常重要,我会牢记你的善意.❤️", "没事我再想想办法吧😞", "0"],

            }, {
                d_show: false,
                h5: "精通一项技能可以为社会和个人带来什么样的好处？",
                option: ["A.提高经济发展，推动科技进步；职业发展，自我成长", "B.贡献社会；提高生活质量", "C.过剩劳动力；找不到工作", "D.我不造啊"],
                background: "background-image: url('./img/b2.jpg');",
                select: null,
                pleasantlyShow: [false, false, false],
                pleasantly: ["./img/c9.png", "🤔", "我疑惑技能可以为社会和个人带来什么好处,希望你的答案能够帮助他", "贡献社会,自我成长", "我不造啊", "谢谢你的回答我想我已经明白了😃", "到底是什么呢😖", "0"],
            }, {
                d_show: false,
                h5: "你认为该如何快速学习新技能？",
                option: ["A.保存和收藏网课教程，堆积起来一起看", "B.找自己的好朋友双修，一起学这个技能不同的分支，学会后再给对方讲解", "C.制定学习计划、找到优秀的导师或教练、使用在线资源和工具、参加培训课程和实践", "D.我不造啊"],
                background: "background-image: url('./img/b3.jpg');",
                select: null,
                pleasantlyShow: [false, false, false],
                pleasantly: ["./img/c3.png", "获得道具⛏️", "⛏️(👷🏻丢失的道具)是否归还", "归还👷", "我再想一想", "👷🏻 👍🏻👍🏻 谢谢你小伙子你真是一个好人", "👷🏻🤔⛏️ 到底在哪呢？", "0"],
            }, {
                d_show: false,
                h5: "当你有幸代表国家去参加世界技能大赛，你的心情会是什么样的？",
                option: ["A.付出的辛勤的汗水都被自己的导师和同学看在眼里，感到自豪和兴奋", "B.感到一定的压力和紧张，需要充分准备和实践", "C.我可以在这个比赛中获得成功并度过难忘的时光", "D.我不造啊"],
                background: "background-image: url('./img/b4.jpg');",
                select: null,
                pleasantlyShow: [false, false, false],
                pleasantly: ["./img/c4.png", "", "<img class='T_app_div_c4' src='./img/c4_b.jpg'> ", "收下了", "", "获取道具", "", "0"],
            }, {
                d_show: false,
                h5: "当你在新闻中看到我国技能型人才在世赛中获得冠军，你是否也想过以这种方式报答祖国？",
                option: ["A.也想成为像他们一样的人才，并以此为目标努力和坚持不懈", "B.为他们感到自豪，但我想要以自己的方式为祖国做出贡献", "C.感觉这件事泰裤辣，但又觉得自己能力不足", "D.我不造啊"],
                background: "background-image: url('./img/b5.jpg');",
                select: null,
                pleasantlyShow: [false, false, false],
                pleasantly: ["./img/c5.png", "🦔", "卡尔提示你选择A,请说:谢谢卡尔", "谢谢卡尔", "", "卡尔也谢谢你", "", "0"],
            },],
    },
    methods: {
        PlayPause() {
            this.BoolPlayPause = !this.BoolPlayPause
            if (this.BoolPlayPause) {
                $("#T_app_music_mp3")[0].play()
                $(".T_app_music_img").css("background-image", "url('./img/音乐.png')").css("animation-name", "music")
            } else {
                $(".T_app_music_img").css("background-image", "url('./img/播放.png')").css("animation-name", "none")
                $("#T_app_music_mp3")[0].pause()
            }
        },
        nextBt(i) {//下一个按钮
            if (i + 1 == this.entranceArr.length) {//如果是最后一个页面就吧 结果显示出来
                this.Result = true//结果页显示
                this.T_appStyle = "background-image: url('./img/b.jpg');"//更改背景
            } else {//下一页
                this.T_appStyle = this.entranceArr[i + 1].background;//切换背景
                this.entranceArr[i + 1].d_show = !this.entranceArr[i + 1].d_show//切换页面
                this.nextBtTxt = "下一题"
                if (i + 1 == this.entranceArr.length - 1) {//如果是最后一个页面把 按钮 更改文字
                    this.nextBtTxt = "完成测试"
                }
            }
            this.entranceArr[i].d_show = !this.entranceArr[i].d_show//隐藏当前页面
        }, setEnt(i, err) {//设置 EntranceArr
            this.entranceArr.splice(i, 1, err);
        }, restart(b) {//重启
            this.Result = false
            this.nextBtTxt = "下一题"
            this.AppdivShow = b
            this.T_appStyle = "background-image: url('./img/b.jpg');"
            this.entranceArr = JSON.parse(this.oldEntranceArr)
        }, homebtn() {//开始答题
            this.AppdivShow = !this.AppdivShow
            this.T_appStyle = "background-image: url('./img/b1.jpg');"
        }
    }, components: {ResultDisplay, Introductory, Appdiv1},
    mounted() {
        this.oldEntranceArr = JSON.stringify(this.entranceArr)
    }, template: `
        <div class="T_app"  :style="T_appStyle">
           <Introductory class="T_app_home" v-if="!AppdivShow&&!Result"></Introductory>
           <Appdiv1 :earr="entranceArr" v-if="AppdivShow"></Appdiv1>
          <ResultDisplay  :earr="entranceArr" v-if="Result"></ResultDisplay>
        </div>`
})
